import React from 'react';
import { Button } from 'antd';
import { Link } from 'umi';

/**
 * Ant Design 4.0 练习首页
 * @author SPY
 * @date 2020/03/26
 */
const antD = (props: any) => {
  return (
    <div>
      <Link to="/hooks/useState">
        <Button type="link" style={{ marginLeft: 20 }}>
          useState 用法
        </Button>
      </Link>

      <Link to="/hooks/useEffect">
        <Button type="link" style={{ marginLeft: 20 }}>
          useEffect 用法
        </Button>
      </Link>

      <Link to="/hooks/useCallback">
        <Button type="link" style={{ marginLeft: 20 }}>
          useCallback 用法
        </Button>
      </Link>

      <Link to="/hooks/useMemo">
        <Button type="link" style={{ marginLeft: 20 }}>
          useMemo 用法
        </Button>
      </Link>
    </div>
  );
};

antD.title = 'React Hooks';

export default antD;
